<template>
    <div class="totaldiv">

        <div class="firstdiv">
            <div class="returnimg"><router-link to="/sent/sent_need"><img src="../../../static/img/authentication/return@2x.png" alt=""></router-link></div>
            <div class="imgdiv">
               <img src="../../../static/img/authentication/secyrity@2x.png" alt="">
            </div>
            <div class="title"><span>认证中心</span> </div>
        </div>

        <div class="seconddiv">
            <p>
                <span>
                    <span class="lefttitle">实名认证：</span> 
                    <span class="righttitle">440***********5035</span>
                </span>
                <span><router-link to="/authentication/au_realname">已认证 <img class="clickimg" src="../../../static/img/authentication/click@2x.png" alt=""></router-link></span>
            </p>
            <p>
                <span>
                    <span class="lefttitle">学生认证：</span> 
                    <span class="righttitle">物有所享</span>
                </span>
                <span><router-link to="/authentication/au_student">认证中 <img class="clickimg" src="../../../static/img/authentication/click@2x.png" alt=""></router-link></span>
            </p>
             <p>
                <span>
                    <span class="lefttitle">芝麻认证：</span> 
                    <span class="righttitle">1540707122</span>
                </span>
                <span><router-link to="#">未认证 <img class="clickimg" src="../../../static/img/authentication/click@2x.png" alt=""></router-link></span>
            </p>
        </div>
    </div>
</template>

<script>
export default {
    
}
</script>

<style lang="scss" scoped>
.totaldiv{
    flex-direction: column;
    justify-content: center;
    width: 24rem;
    background-color: #EFEFF4;
    .firstdiv{
        margin-bottom: 0.5rem;
        background-color: #55ABF2;
        display: flex;
        flex-direction: column;
        text-align: center;
         .returnimg{
            position: absolute;
            img{
                height:25px;
                width:25px;
                margin-top:1rem;
                margin-left: 1.5rem;
            }
        }
        .imgdiv{
            padding-top: 1rem;
            padding-bottom: 1rem;
            img{
                width: 180px;
                height: 220px;
            }
        }
        .title{
            padding-bottom: 0.5rem;
            span{
                font-size: 20px;
                color: #FFFFFF;
            }
        }
    }
    .seconddiv{
        background-color: #EAE8E9;
       p{
           height: 40px;
           display: flex;
           align-items: center;
           justify-content: space-between;
           background-color: #FFFFFF;
           padding-left: 2rem;
           padding-right: 2rem;
           margin-bottom: 0.5rem;
       }
    }
}
.lefttitle{
    color: #4f4f4f
}
.righttitle{
    color: black;
}
.clickimg{
    width: 6px;
    height: 10px;
}
</style>
